<!DOCTYPE html>
<html lang="${LANG}">

<head>
    <meta charset="UTF-8" />
    <title>QBT_TR(Download from URLs)QBT_TR[CONTEXT=downloadFromURL]</title>
    <link rel="stylesheet" href="css/style.css?v=${VERSION}" type="text/css" />
    <link rel="stylesheet" href="css/Tabs.css?v=${VERSION}" type="text/css" />
    <script src="scripts/lib/mootools-1.2-core-yc.js"></script>
    <script src="scripts/lib/mootools-1.2-more.js"></script>
    <script src="scripts/lib/mocha-0.9.6-yc.js"></script>
</head>

<body style="padding: 5px;">
    <!-- preferences -->
    <div class="toolbarTabs">
        <ul id="preferencesTabs" class="tab-menu">
            <li id="PrefDownloadsLink" class="selected"><a>QBT_TR(Downloads)QBT_TR[CONTEXT=OptionsDialog]</a></li>
            <li id="PrefConnectionLink"><a>QBT_TR(Connection)QBT_TR[CONTEXT=OptionsDialog]</a></li>
            <li id="PrefSpeedLink"><a>QBT_TR(Speed)QBT_TR[CONTEXT=OptionsDialog]</a></li>
            <li id="PrefBittorrentLink"><a>QBT_TR(BitTorrent)QBT_TR[CONTEXT=OptionsDialog]</a></li>
            <li id="PrefWebUILink"><a>QBT_TR(Web UI)QBT_TR[CONTEXT=OptionsDialog]</a></li>
        </ul>
        <div class="clear"></div>
    </div>

    <script>
        'use strict';

        // Tabs
        MochaUI.initializeTabs('preferencesTabs');

        $('PrefDownloadsLink').addEvent('click', function(e) {
            $$('.PrefTab').addClass('invisible');
            $('DownloadsTab').removeClass('invisible');
        });
        $('PrefConnectionLink').addEvent('click', function(e) {
            $$('.PrefTab').addClass('invisible');
            $('ConnectionTab').removeClass('invisible');
        });
        $('PrefSpeedLink').addEvent('click', function(e) {
            $$('.PrefTab').addClass('invisible');
            $('SpeedTab').removeClass('invisible');
        });
        $('PrefBittorrentLink').addEvent('click', function(e) {
            $$('.PrefTab').addClass('invisible');
            $('BittorrentTab').removeClass('invisible');
        });
        $('PrefWebUILink').addEvent('click', function(e) {
            $$('.PrefTab').addClass('invisible');
            $('WebUITab').removeClass('invisible');
        });
    </script>
</body>

</html>
